<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.html">

    <title>大数据广告智能投放平台 -- 首页</title>

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="/assets/font-awesome//css/font-awesome.css" rel="stylesheet" />
    <link href="/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="stylesheet" href="/css/owl.carousel.css" type="text/css">
    <!-- Custom styles for this template -->
    <link href="/css/style.css" rel="stylesheet">
      <link href="/css/style-responsive.css" rel="stylesheet" />
      <link href="/css/index.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/assets/gritter/css/jquery.gritter.css" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="/js/html5shiv.js"></script>
      <script src="/js/respond.min.js"></script>
    <![endif]-->
      <script src="/js/jquery.js"></script>
  </head>

  <body>

  <section id="container" class="">
      <!--header start-->
      <% include header.html %>
      <!--header end-->
      <!--sidebar start-->
      <% include aside.html %>
      <!--sidebar end-->
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">
              <section class="panel">
                  <header class="panel-heading">渠道分发广告数据</header>

                  <table class="table table-striped table-advance table-hover">
                      <thead>
                      <tr>
                          <th>编号</th>
                          <th>计划投放时间</th>
                          <th>实际投放时间</th>
                          <th>投放渠道</th>
                          <th>投放地区</th>
                          <th>点击数</th>
                          <th>下载数</th>
                          <th>转化率</th>
                          <th>结算模式</th>
                          <th>金额</th>
                      </tr>
                      </thead>
                      <tbody>
                      <%for(var i in table){%>
                            <% var id = table[i].id;var arr = table[i].arr; %>
                            <tr>
                                <td><%= eval(i)+1 %></td>
                                <td><%= arr[0] %></td>
                                <td><%= arr[1] %></td>
                                <td><%= arr[2] %></td>
                                <td><%= arr[3] %></td>
                                <td><%= arr[4] %></td>
                                <td><%= arr[5] %></td>
                                <td><%= arr[6] %>%</td>
                                <td><%= arr[7] %></td>
                                <td><%= arr[8] %></td>
                            </tr>
                      <%}%>
                      </tbody>
                  </table>
              </section>
          </section>
      </section>
      <!--main content end-->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="/js/jquery.js"></script>
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.scrollTo.min.js"></script>
    <script src="/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="/js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="/js/owl.carousel.js" ></script>
    <script src="/js/jquery.customSelect.min.js" ></script>

    <!--common script for all pages-->
    <script src="/js/common-scripts.js"></script>

    <!--script for this page-->
    <script src="/js/sparkline-chart.js"></script>
    <script src="/js/easy-pie-chart.js"></script>
<script type="text/javascript" src="/assets/gritter/js/jquery.gritter.js"></script>

  <script>
    $.gritter.add({
        // (string | mandatory) the heading of the notification
        title: '提醒!',
        // (string | mandatory) the text inside the notification
        text: '由于您的账号权限限制,您只能访问平台部分功能.'
    });
      document.getElementById('file').onchange = function(evt) {

          // 如果浏览器不支持FileReader，则不处理

          if (!window.FileReader) return;

          var files = evt.target.files;

          for (var i = 0, f; f = files[i]; i++) {

              if (!f.type.match('image.*')) {

                  continue;

              }


              var reader = new FileReader();

              reader.onload = (function(theFile) {

                  return function(e) {

                      // img 元素

//                      document.getElementById('previewImage').src = e.target.result;

                      $('.img_box').css('background-image', 'url('+ e.target.result +')');

                  };

              })(f);


              reader.readAsDataURL(f);

          }

      }
  </script>

  </body>
</html>
